<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>亲，这是一个购物车详情页~</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/shopping.style.css">
    <link rel="icon" href="../img/mei.png" />
</head>
<body style="font-family:仿宋">
  <!-- 头部导航区域 -->
  <div id="header">
    <div class="header-con">
      <div class="head-one">
        <span>欢迎来到聚美优品!</span>
        <a href="./login.html" id="logIn"
          >请登录</a
        >
        <a href="./register.html" id="register"
          >快速注册</a
        >
        <a
          href="./home.html"
          >订单查询</a
        >
        <a
          href="./home.html"
        ></a>
        <a
          href="./home.html"
          id="collect"
          >收藏的品牌</a
        >
        <a
          href="./home.html"
          id="my"
          >我的聚美 &nbsp;﹀ &nbsp;&nbsp;</a
        >
        <a
          href="./home.html"
          id="phone"
          >&nbsp;手机聚美&nbsp;&nbsp;&nbsp;</a
        >
        <a href="">更多 &nbsp;﹀</a>
      </div>
    </div>
    </div>
      <div id="header1">
        <div class="header1-con">
          <div class="head-two">
            <div class="two1"></div>
            <div class="two2">
              <input type="text" />
              <button type="submit">搜索</button>
              <!-- <span>搜索</span> -->
              <li>保湿│</li>
              <li>面膜│</li>
              <li>洗面奶│</li>
              <li>补水│</li>
              <li>香水│</li>
              <li>眼霜│</li>
              <li>口红│</li>
              <li>护肤套装│</li>
              <li>BB霜</li>
            </div>
            <span class="car">去购物车结算&nbsp;﹀ </span>
          </div>
        </div>
        </div>
      <!-- 商品详情 -->
      <div id="main">
          <div class="main-con">
          <div class="main-left">
            <div id="box" >
              <div id="small">
                <img src="../img/001.jpg" alt="" />
                <div id="mask"></div>
              </div>
              <div id="big">
                <img src="../img/tb.jpg" alt="" id="bigImg"/>
              </div>
            </div>
                  <span>&nbsp;&nbsp;&nbsp;收藏宝贝(14937人气)</span>
          </div>
          <div class="main-right">
              <div class="ImgR">
              <h2>手绘头像设计画头像Q版真人照片转动漫画卡通人物约稿手工定制作</h2>
              <div class="money">
                <div class="left-">
                  <span>价格</span>
                  <span>￥29.00-99.00</span>
                  <span>会员价</span>
                  <span>￥20.00-89.00</span>
                </div>
                <div class="right-">
                  <div class="right1">
                    <p>12357</p>
                    <p>累计评论</p>
                  </div>
                  <div class="right2">
                    <p>3257</p>
                    <p>交易成功</p>
                  </div>
                </div>
              </div>
              <div class="buy">
                <div class="top-">
                 <span>&nbsp;&nbsp;&nbsp;2831</span><span>人已购买</span>
                </div>
                <div class="center-">
                  <span class="span-">包邮政策:本商品单件包邮(新疆部分区域除外)</span>
                  <br>
                  <span class="much">数量</span><div class="btn">
                   <button>-</button><span>1</span><button>+</button>
                  </div>
                  <br><br><br><br>
                  <div class="bottom-">
                    <span>立即购买</span>
                    <span id="buyBTn">加入购物车</span>
                  </div>
                  <span>承诺</span>
                    <span class="seven">&nbsp;&nbsp;&nbsp;支持7天无理由退货</span>
                    <br>
                    <br>
                    <span class="zfb">支付</span>
                    <i>&nbsp;&nbsp;&nbsp;支付宝</i>
                    <span class="xyk">&nbsp;&nbsp;&nbsp;信用卡</span>
                </div>
              </div>
            </div>
            
          </div>
         
      </div>
    </div>
      <!-- 聚美自己打广告信息 -->
      <div id="foot">
        <div class="foot-con">
          <div class="foot-center">
          <div class="foot-img">
            <img src="../img/02_03.jpg" alt="">
            <span class="foot-one">成功在美上市</span>
            <span  class="foot-two">股票代码NYSE:JMEI</span>
          </div>
          <div class="foot-img">
            <img src="../img/03_03.jpg" alt="">
            <span class="foot-one">品牌防伪码</span>
            <span  class="foot-two">支持品牌官网验真</span>
          </div>
          <div class="foot-img">
            <img src="../img//04_03.jpg" alt="">
            <span class="foot-one">百万用户口碑
            </span>
            <span  class="foot-two">帮你只选对的,不选贵的</span>
          </div>
          <div class="foot-img">
            <img src="../img//05_03.jpg" alt="">
            <span class="foot-one">订单闪电发货</span>
            <span  class="foot-two">1.5小时订单急速出库</span>
          </div>
          <div class="foot-img">
            <img src="../img//06_03.jpg" alt="">
            <span class="foot-one">大牌明星热荐</span>
            <span  class="foot-two">打造精致明星脸</span>
          </div>
     
      </div>
          <!-- 底部中间位置 -->
          <div class="footText">
            <div id="Test1" style="font-weight: 700;">
              服务保障
              <li>品牌真品防伪码</li>
              <li>专属客服服务</li>
              <li>总裁ceo@jumei.com</li>
            </div>
            <div id="Test1" style="font-weight: 700;">使用帮助
              <li>新手指南</li>
              <li>常见问题</li>
              <li>帮助中心</li>
              <li>用户协议</li>
              <li>公示制度</li>
              <li>聚美隐私权政策</li>
              <li>个人信息管理规则</li>
              <li>意见反馈及投诉举报规则</li>
              <li>知识产权维权处理规则</li>
              <li>评价管理规则</li>
            </div>
            <div id="Test1" style="font-weight: 700;">支付方式
              <li>货到付款</li>
              <li>在线支付</li>
              <li>余额支付</li>
              <li>现金券支付</li>
            </div>
            <div id="Test1" style="font-weight: 700;">配送方式
              <li>包邮政策</li>
              <li>配送说明</li>
              <li>运费说明</li>
              <li>验货签收</li>
            </div>
            <div id="Test1" style="font-weight: 700;">售后服务
              <li>正品承诺</li>
              <li>售后咨询</li>
              <li>退货政策</li>
              <li>退货办理</li>
            </div>
            <div id="Test1" style="font-weight: 700;">手机聚美
             <img src="../img/qq_er.png" alt="">
             <li>下载客户移动端</li>
            </div>
            <div id="Test1" style="font-weight: 700;">聚美微信
              <img src="../img/qq_er.png" alt="">
              <li>聚美官方微信</li>
            </div>
          </div>
    </div>
    <div id="picture">
      <img src="../img/footer_dy.jpg" alt="">
    </div>
      </div>
    </div>
      <!-- 底部栏 -->
      <div id="foo">
        <div class="foo-con">
          <a href="">关于聚美优品</a>
          <a href="">INVESTOR RELATIONS</a>
          <a href="">合作招商</a>
          <a href="">媒体报道</a>
          <a href="">获取更新</a>
          <a href="">加入聚美</a>
          <a href="">品牌合作专区</a>
          <a href="">商务合作</a>
        </div>
      </div>
      <!-- 最后一部分 -->
      <div id="copyF">
        <div class="copyF-con">
          <div>
          <p>COPYRIGHT@2010-2019北京创锐文化传媒有限公司JUMEI.COM保留一切权利。客服热线:400-011-0888</p>
          <span>京公网安备1001020126|</span>
          <a href="" id="Test2">京CP证111033号|</a>
          <a href="" id="Test2">食品经营许可证|</a>
          <a href="" id="Test2">营业执照|</a>
          <a href="" id="Test2">ICF许可证|</a>
          <a href="" id="Test2">出版物经营许可证|</a>
          <a href="" id="Test2">第二类医疗器械经营备案凭证|</a>
          <a href="" id="Test2">网络食最交易篑三方平台提供者备案信息表|</a>
          <a href="" id="Test2">增值电信业务经昔许可</a>
        </div>
            <div class="Imgi">
              <i></i>
              <i></i>
              <i></i>
              <i></i>
              <i></i>
            </div>
      </div>
</body>
</html>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/shopping.js"></script>
